<template>
    <div style="height: 300px;">
        <ImageLoad :placeholderSrc="placeholderUrl" :high-quality-src="highPublcUrl"  @load="handleLoad"/>
    </div>
</template>
<script setup lang='ts'>
    import ImageLoad from './index.vue'
    const highPublcUrl="/high-quality.jpg";
    const placeholderUrl="/low-quality.jpg";

    const handleLoad=()=>{
        console.log('ImageLoad dispatch the event of load');
        
    }
</script>
<style lang='less' scoped>

</style>